Von Restorff Effect 馮·雷斯托夫效應

The Von Restorff effect, also known as The Isolation Effect, predicts that when multiple similar objects are present, the one that differs from the rest is most likely to be remembered. 當多個相似元素同時出現時，那個與其他元素不同的更最容易被記住。

Takeaways 要點

  1. 讓重要資訊或關鍵操作在視覺上具有明顯區別。
  1. 在強調視覺元素時要有節制，避免多個元素相互競爭，同時確保突出的元素不會被誤認為是廣告。
  1. 不要僅依賴顏色來製造對比，以免排除色覺障礙或低視力使用者。
  1. 在使用動態效果傳達對比度時，要考慮對運動敏感使用者的影響。

Origins 起源

該理論由德國精神病學家和兒科醫生赫德維希·馮·雷斯托夫（1906-1962）提出。她在1933年研究中使用"隔離正規化"，發現當人們看到一組相似專案時，視覺或概念上與眾不同的專案更易被記住。雖非首位研究者，但她的工作使該效應與其名字緊密相連。

心理學解釋：選擇性注意（Selective Attention）

我們的大腦每時每刻都在接收許多感官資訊，但會自動選擇處理重要的資訊，忽略不重要的。這種"選擇性注意"是我們的生存本能，讓我們能在關鍵時刻快速反應。

Examples 案例分析

突出關鍵按鈕：在互動設計中，常透過視覺差異讓按鈕、文字連結等互動元素更顯眼，從而：

例如，刪除賬戶確認框中，右側版本透過紅色“Delete”按鈕和警告圖示強調風險，不僅幫助想刪除賬戶的使用者快速找到操作入口，也防止不打算刪除賬戶的使用者誤點。

Google 的 Material Design 中的 FAB（Floating Action Button）是典型的突出設計：使用與介面其他部分明顯不同的顏色。位置固定在介面右下角，形成視覺錨點。強調頁面中最主要的操作，例如新增新內容。

Notion 的價格表中，“Plus”套餐被標為“Most popular”，在視覺上更顯眼。在訂閱服務的價格表中，常用視覺線索強調某個推薦套餐：顏色加深（例如深色“Get started”按鈕）。尺寸略大。位置靠近中央。

通知欄是另一種常見應用，旨在吸引使用者注意需要他們採取行動的事件。例如應用更新提醒、任務到期通知等，這些元素往往在視覺上與其他內容形成鮮明對比。

Bloomberg、ProPublica、《紐約時報》和《波士頓環球報》都會用比例和版式突出重要新聞。使用更大的標題字型和圖片。在版面中打破列的佈局，形成視覺突圍效果。

設計師必須在幾秒鐘內引導使用者注意最關鍵的操作或資訊，如註冊按鈕、限時優惠、導航選項等。

Dropbox 的頁面整體使用淡色調，但“註冊”按鈕通常使用高對比的藍色或紫色，瞬間抓住使用者視線。

導航欄按鈕（Navigation Bars）網站會用醒目的顏色標記“登入”或“免費試用”，與其他導航項形成對比。

無障礙性與對比設計 Accessibility and Contrast Design

1. 色彩對比 Color Contrast：色盲或視力不好的人常常難以分辨某些顏色。比如患有白內障的人很難看清細節和差異，可能無法注意到元素之間的細微變化。所以，設計時必須確保文字和背景之間的顏色對比足夠明顯，尤其是文字內容：

2. 視覺提示 Visual Cues：僅使用顏色來表示視覺差異、互動功能或反饋會對色盲或視力不佳的使用者造成困難。設計時應同時使用其他視覺提示，例如：邊框線條、不同圖案、特殊形狀

比如，當使用者選中某個元素時，焦點指示器會用粗一點的邊框來突出顯示。這對使用鍵盤瀏覽網頁的使用者特別重要，常見於連結、表單、按鈕和選單等地方。

3. 適度使用 Moderation：對比的使用需要有意圖且不過度：

問題 1：沒有對比 → 資訊不突出。

問題 2：對比過多 → 元素爭奪注意力、使用者視覺疲勞、重要內容被稀釋。

在考慮橫幅盲視（banner blindness）與變化盲視（change blindness）時，過度強調可能導致內容被當作廣告忽略，或使使用者錯過重要資訊。

4. 動效的使用 Motion：動效的使用要經過慎重考慮，避免對這些使用者造成負面影響。

前庭功能障礙（如良性陣發性位置性眩暈 BPPV 或迷路炎）患者可能因動效而頭暈、噁心或頭痛。癲癇或偏頭痛患者對動效更敏感。

眼動追蹤 Eye Tracking

1. 定義與用途 Definition and Purpose

眼動追蹤是研究使用者體驗的方法，用特殊裝置記錄人們看螢幕或實物的方式。它告訴我們使用者的行為和喜好，比如：

這種方法提供真實資料，誤差小，能發現使用者行為規律，幫助改進產品設計，而且可以遠端進行，省時省力。

2. 常見型別 Common Types

研究型別的選擇取決於研究問題、目標及被研究介面的特性。

3. 典型研究流程 Typical Process

  1. 確定研究問題：明確研究目標或假設。
  1. 選擇參與者：選擇具有代表性的目標使用者群樣本。
  1. 設定裝置：安裝並校準眼動追蹤硬體和軟體。
  1. 準備刺激物：製作參與者將在研究中互動的數字介面、網站或實體物品。
  1. 執行研究：記錄參與者在與刺激物互動時的眼動資料。
  1. 分析資料：根據眼動資料回答研究問題或驗證假設。
  1. 解釋結果：得出關於使用者行為、偏好和認知過程的結論。

4. 優勢與侷限 Strengths and Limitations

優勢：

侷限：